import { RouteRecordRaw } from 'vue-router'

const layout = () => import('@/layout/Layout.vue')

export const constRoutes: RouteRecordRaw[] = [
    // login
    {
        path: '/login',
        component: () => import('@/views/auth/login/Login.vue'),
        name: 'Login',
        meta: {
            title: '登录',
            isHidden: true,
        },
    },
    //首页
    {
        path: '/',
        component: layout,
        name: 'LayoutHome',
        redirect: '/home',
        meta: {
            isHidden: false,
        },
        children: [
            {
                path: '/home',
                component: () => import('@/views/home/Home.vue'),
                name: 'Home',
                meta: {
                    title: '首页',
                    icon: 'el-House',
                    isHidden: false,
                    isKeepalive: true,
                    isAffis: true,
                },
            },
        ],
    },
]

// export const asyncRoute: RouteRecordRaw[] = [
//     {
//         path: '/screen',
//         name: 'Screen',
//         component: () => import('@/views/screen/Screen.vue'),
//         meta: {
//             title: '数据大屏',
//             icon: 'el-Platform',
//             isHidden: false,
//             isKeepalive: false,
//             isAffis: true,
//         },
//     },
//     {
//         path: '/system',
//         name: 'System',
//         redirect: '/system/user',
//         component: layout,
//         meta: {
//             title: '系统设置',
//             icon: 'el-Setting',
//             isHidden: false,
//             isKeepalive: true,
//             isAffis: false,
//         },
//         children: [
//             {
//                 path: '/system/user',
//                 component: () => import('@/views/auth/user/User.vue'),
//                 name: 'User',
//                 meta: {
//                     title: '用户管理',
//                     icon: 'el-User',
//                     isHidden: false,
//                     isKeepalive: true,
//                     isAffis: false,
//                 },
//             },
//             {
//                 path: '/system/role',
//                 component: () => import('@/views/auth/role/Role.vue'),
//                 name: 'Role',
//                 meta: {
//                     title: '角色管理',
//                     icon: 'el-UserFilled',
//                     isHidden: false,
//                     isKeepalive: true,
//                     isAffis: false,
//                 },
//             },
//             {
//                 path: '/system/menu',
//                 component: () => import('@/views/auth/menu/Menu.vue'),
//                 name: 'Menu',
//                 meta: {
//                     title: '菜单管理',
//                     icon: 'el-Menu',
//                     isHidden: false,
//                     isKeepalive: true,
//                     isAffis: false,
//                 },
//             },
//             {
//                 path: '/system/api',
//                 component: () => import('@/views/system/api/Api.vue'),
//                 name: 'Api',
//                 meta: {
//                     title: '接口管理',
//                     icon: 'el-Operation',
//                     isHidden: false,
//                     isKeepalive: true,
//                     isAffis: false,
//                 },
//             },
//         ],
//     },
// ]

// 任意路由

export const anyRoutes: RouteRecordRaw[] = [
    // 404
    {
        path: '/404',
        component: () => import('@/views/error/404.vue'),
        name: '404',
        meta: {
            title: '404',
            isHidden: true,
        },
    },

    // any
    {
        path: '/:pathMetch(.*)*',
        redirect: '/404',
        name: 'any',
        meta: {
            title: '任意路由',
            isHidden: true,
        },
    },
]
